<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>订阅电子邮件</title>
	<style type="text/css" media="screen">
		*{
			padding:0;
			margin:0;
		}
		body{
			padding:30px;
			color:gray;
		}
		#txt{
			line-height:25px;
			margin-left:15px;
			padding-right:45px;
		}
		#dingyue{
			padding:10px 60px;
			text-align:center;
			background-color:red;
			color:white;
			border:0;
		}
		a{
			text-decoration:none;
		}
	</style>
</head>
<body>
	<h1>订阅电子邮件</h1>
	<br><hr><br>
	邮箱:<input type="text"id="txt">
	<br><br>
	<input type="checkbox">我已阅读并同意PUMA中国官方商城的<a href="#">《使用条款》和《隐私政策》</a>。
	<br><br>
	<input type="button"value="订阅"id="dingyue">
	<br><br>
	<p>你的个人资料将被视为严格保密,不会与任何第三方共享。您可以随时退订邮件列表。</p>
	<script type="text/javascript">
        var dingyue = document.getElementById("dingyue");
        var txt = document.getElementById("txt");
	    var reg = /^[a-z0-9]\w+@[a-zA-Z0-9]\w+\.[a-z]{2,3}/;
	    dingyue.onclick = function(){
	    	 if(reg.test(txt.value)){
	    	alert("输入正确");
		    }else{
		    	alert("输入格式不正确");
		    }
	    }
	</script>
</body>
</html>